<div class="zrender">
  <div class="render-stage">
    <div class="canvas">
      <textarea></textarea>
    </div>
    <div class="handler"></div>
  </div>
  <nav class="contextmenu" contextmenu=".render-stage">
    <ul class="dropdown-menu" style="min-width:220px">
      <li><button class="btn btn-default" ng-disabled="!editor.undo.enabled" ng-click="editor.undo.click()">
          <i class="fa fa-undo pull-left"></i> 撤销 <span class="pull-right">Ctrl+Z</span></button></li>
      <li><button class="btn btn-default" ng-disabled="!editor.redo.enabled" ng-click="editor.redo.click()">
          <i class="fa fa-repeat pull-left"></i> 重做 <span class="pull-right">Ctrl+Y</span></button></li>
      <li class="divider"></li>
      <li><button class="btn btn-default" ng-disabled="!editor.cut.enabled" ng-click="editor.cut.click()">
          <i class="fa fa-cut pull-left"></i> 剪切 <span class="pull-right">Ctrl+X</span></button></li>
      <li><button class="btn btn-default" ng-disabled="!editor.copy.enabled" ng-click="editor.copy.click()">
          <i class="fa fa-copy pull-left"></i> 复制 <span class="pull-right">Ctrl+C</span></button></li>
      <li><button class="btn btn-default" ng-disabled="!editor.paste.enabled" ng-click="editor.paste.click()">
          <i class="fa fa-paste pull-left"></i> 粘贴 <span class="pull-right">Ctrl+V</span></button></li>
      <li class="divider"></li>
      <li class="dropdown-submenu" ng-class="{'hover':editor.level.enabled}">
        <button class="btn btn-default" ng-disabled="!editor.level.enabled">
            <i class="fa fa-clone pull-left"></i> 层级</button>
        <ul class="dropdown-menu" style="min-width:180px">
          <li><button class="btn btn-default" ng-click="editor.level.click('top')">
              <i class="fa fa-angle-double-up pull-left"></i> 最顶层</button></li>
          <li><button class="btn btn-default" ng-click="editor.level.click('up')">
              <i class="fa fa-angle-up pull-left"></i> 上一层</button></li>
          <li><button class="btn btn-default" ng-click="editor.level.click('down')">
              <i class="fa fa-angle-down pull-left"></i> 下一层</button></li>
          <li><button class="btn btn-default" ng-click="editor.level.click('bottom')">
              <i class="fa fa-angle-double-down pull-left"></i> 最底层</button></li>
        </ul>
      </li>
      <li><button class="btn btn-default" ng-disabled="!editor.remove.enabled" ng-click="editor.remove.click()">
          <i class="fa fa-trash-o pull-left"></i> 删除 <span class="pull-right">Delete</span></button></li>
      <li><button class="btn btn-default" ng-click="editor.clear.click()">
          <i class="fa fa-eraser pull-left"></i> 清除画布</button></li>
      <li class="divider"></li>
      <li><button class="btn btn-default" ng-disabled="!editor.save.enabled" ng-click="editor.save.click()">
          <i class="fa fa-save pull-left"></i> 保存 <span class="pull-right">Ctrl+S</span></button></li>
    </ul>
  </nav>
</div>
